<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="product-css/robot.css" />
		<link rel="stylesheet" type="text/css" href="product-css/clear.css" />
		<link rel="stylesheet" type="text/css" href="product-css/swiper-3.3.1.min.css" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=0">
		<link rel="stylesheet" type="text/css" href="../css/head.css"/>
		<link rel="stylesheet" type="text/css" href="../css/footer.css"/>
	</head>

	<body>
		<header>
		<div class="header_top">
			<div class="header_log">
				<img src="../img/logo.png" alt="图片不在了">
			</div>
			
			<ul>
				<li id="product"><a href="">产品<i class="icon iconfont">&#xe60a;</i></a></li>
				<li id="help"><a href="">帮助中心<i class="icon iconfont">&#xe60a;</i></a></li>
				<li id="cooperation"><a href="">合作<i class="icon iconfont">&#xe60a;</i></a></li>
				<li id="news"><a href="../news/news.html">新闻</a></li>
				<li id="about-us"><a href="../aboutus/aboutus.html">关于我们</a></li>
				<li class="navright" id="language"><a href="">语言<i class="icon iconfont">&#xe60a;</i></a></li>
				<li class="navright" id="login"><a href="">登录<i class="icon iconfont">&#xe60a;</i></a></li>
			</ul>
		
		</div>
		<div id="language-block" class="language-updown">
		</div>
		<div id="language-style" class="language-updown">
			<a href="" style="text-decoration: none;"><p>English</p></a>
			<a href="" style="text-decoration: none;"><p>中文</p></a>
		</div>
		
		<div id="login-block" class="login-updown">
		</div>
		<div id="login-style" class="login-updown">
			<a href="" style="text-decoration: none;"><p>登录</p></a>
			<a href="" style="text-decoration: none;"><p>忘记密码</p></a>
		</div>
		
		<div id="product-block" class="product-updown">
		</div>
		<div id="product-block-img" class="product-updown">
			<img src="../img/boke1.jpg"/>
			<img src="../img/banner_sdeno.png"/>
			<img src="../img/slide-01.jpg"/>
		</div>
		<div id="product-block-hover" class="product-updown">
			<a href="../product/product-littlemi.html"><div>小觅防丢器</div></a>	
			<a href="../product/product-robot.html"><div>小觅机器人</div></a>
			<a href="../product/product-life.html"><div>私生活app</div></a>
		</div>
		<div id="help-block"  class="help-updown">
			
		</div>
		<div id="help-block-img"  class="help-updown">
			<img src="../img/boke1.jpg"/>
		</div>
		<div id="help-block-hover"  class="help-updown">
			<a href="../helps/helps.html"><div>小觅常见问题</div></a>	
		</div>
		<div id="cooperation-block" class="cooperation-updown">
			
		</div>
		<div id="cooperation-block-img" class="cooperation-updown">
			<img src="../img/sdk_slide.jpg"/>
			<img src="../img/solution_slide.jpg"/>
			<img src="../img/gift_mynt_light.png"/>
		</div>
		<div id="cooperation-block-hover" class="cooperation-updown">
			<a href="../cooperate/developer.html"><div>开发者方案</div></a>
			<a href="../cooperate/solution.html"><div>防丢产品解决方案</div></a>
			<a href="../cooperate/customize.html"><div>企业礼品定制</div></a>
		</div>
	</header>
		<div id="wrap">
			<div id="first-page">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide" style="background-color: rgb(240,240,240);">
							<div id="firstpage-robot-content" style="width: 30%; height: 194px; position:absolute;top: 250px;left: 25%; ">
								<h1 style="font-size: 50px;text-align: center; font-weight: bolder;">SDENO</h1>
								<br />
								<br />
								<hr />
								<br />
								<br />
								<p>至强无界，自学无边，成长无限</p>
							</div>
							<img src="https://static.slightech.com/img/sdeno/banner_sdeno.png" style="width: auto;height: 700px; position: relative;top: 0;right: -25%;" />
						</div>
						<div class="swiper-slide">
							<div style="position: absolute;top: 40%;left: 40%; color: white; font-size: 40px;font-weight: bolder;">
								<p>开启全新的境界</p>
							</div>
							<img src="https://static.slightech.com/img/sdeno/sdeno_life.jpg" style="width: 100%; height: 700px;" />
						</div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination"></div>
					<!-- Add Arrows -->
					<div class="swiper-button-next" id="next"></div>
					<div class="swiper-button-prev" id="prev"></div>
				</div>
			</div>
			<div id="second-page">
				<div id="">
					<img src="https://static.slightech.com/img/sdeno/line_sdeno.png" style="position: absolute; top: 840px;left: 5%;" />
				</div>
				<div style="width: 30%; height: 194px; position:absolute;top: 1040px;right: 15%; ">
					<h1 style="font-size: 50px;text-align: center; font-weight: bolder; color: white;">SDENO小觅机器人</h1>
					<br />
					<br />
					<p style="color: white;text-align: center; font-size: 25px; ">可能是，全球最强大脑</p>
					<br />
					<p style="color: white;text-align: center; font-size: 25px;">+</p>
					<br />
					<p style="color: white;text-align: center; font-size: 25px;">像您的孩子一样，可以自学习的人工智能引擎</p>
				</div>
			</div>
			<div id="third-page">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="https://static.slightech.com/img/sdeno/sdeno_ani_one.jpg"/>
						</div>
						<div class="swiper-slide">
							<img src="https://static.slightech.com/img/sdeno/sdeno_ani_two.jpg"/>
						</div>
						<div class="swiper-slide">
							<img src="https://static.slightech.com/img/sdeno/sdeno_ani_three.jpg"/>
						</div>
						<div class="swiper-slide">
							<img src="https://static.slightech.com/img/sdeno/sdeno_ani_four.jpg"/>
						</div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination"></div>
					<!-- Add Arrows -->
					<div class="swiper-button-next" id="next1"></div>
					<div class="swiper-button-prev" id="prev1"></div>
				</div>
			</div>
			<div id="four-page" style="background-color: rgb(240,240,240);">
				<div id="four-page-img">
					<img src="https://static.slightech.com/img/sdeno/photo_sdeno.jpg" style="position: absolute;top: 2100px;left: -20%; width: 120%; height: 700px;"/>
				</div>
				<div id="four-page-font" style="position: absolute;top: 2350px;left: 70%; z-index: 999;">
					<h1 style="font-size: 50px;text-align: center; font-weight: bolder;">功能不仅仅是</h1>
					<div style="display: inline-block;">
						<div style="background: url(product-img/sdeno_fun_icon.png) no-repeat 0 0 ; width: 70px;height: 70px; margin-top: 20px;">
						</div>
						<p>搜索引擎检索</p>
					</div>
					<div style="display: inline-block; margin-left: 80px;">
						<div style="background: url(product-img/sdeno_fun_icon.png) no-repeat 0 0 ; width: 70px;height: 70px; margin-top: 20px;">
						</div>
						<p>搜索引擎检索</p>
					</div>
				</div>
			</div>
			<div id="five-page" style="background-color: rgb(240,240,240); overflow: hidden;">
				<div id="four-page-img">
					<img src="https://static.slightech.com/img/sdeno/most_sdeno.png" style="position: absolute;top: 2800px;left: 0%; width: 100%; height: 700px;"/>
				</div>
				<div id="four-page-font" style="position: absolute;top: 3050px;right: 70%; z-index: 999;">
					<h1 style="font-size: 50px;text-align: center; font-weight: bolder;">功能不仅仅是</h1>
					<div style="display: inline-block;">
						<div style="background: url(product-img/sdeno_fun_icon.png) no-repeat 0 0 ; width: 70px;height: 70px; margin-top: 20px;">
						</div>
						<p>搜索引擎检索</p>
					</div>
					<div style="display: inline-block; margin-left: 80px;">
						<div style="background: url(product-img/sdeno_fun_icon.png) no-repeat 0 0 ; width: 70px;height: 70px; margin-top: 20px;">
						</div>
						<p>搜索引擎检索</p>
					</div>
				</div>
			</div>
			<div id="six-page" style="background-color: rgb(240,240,240); overflow: hidden;">
				<div id="four-page-img">
					<img src="https://static.slightech.com/img/sdeno/sdeno_commercial.jpg" style="position: absolute;top: 3500px;left: 0%; width: 100%; height: 700px;"/>
				</div>
				<div id="four-page-font" style="position: absolute;top: 3600px;right: 10%; z-index: 999; width: 340px; height: 512px; background-color: #008080;opacity: .5;">
					<h1 style="font-size: 50px;text-align: center; font-weight: bolder; color: white;margin-top: 20px;">商业应用</h1>
					<div style="background: url(product-img/sdeno_more_icon.png) no-repeat 0 0; width: 77px;height: 77px; margin-top: 20px; margin-left: 50px; display: inline-block;">
					</div>
					<p style="color: white; margin-left: 50px;">超市用户服务</p>
					<!--<div style="background: url(product-img/sdeno_more_icon.png) no-repeat 0 0; width: 77px;height: 77px; margin-top: -80px; margin-left: 200px; display: inline-block;">
					</div>-->
				</div>
			</div>
			<div id="seven-page" style="background-color: rgb(240,240,240); overflow: hidden;">
				<div id="four-page-img">
					<img src="https://static.slightech.com/img/sdeno/sdeno_consumer.jpg" style="position: absolute;top: 4200px;left: 0%; width: 100%; height: 700px;"/>
				</div>
				<div id="four-page-font" style="position: absolute;top: 4300px;right: 10%; z-index: 999; width: 340px; height: 512px; background-color: #008080;opacity: .5;">
					<h1 style="font-size: 50px;text-align: center; font-weight: bolder; color: white;margin-top: 20px;">个人用户应用</h1>
					<div style="background: url(product-img/sdeno_more_icon.png) no-repeat 0 0; width: 77px;height: 77px; margin-top: 20px; margin-left: 50px; display: inline-block;">
					</div>
					<p style="color: white; margin-left: 50px;">儿童、家庭陪伴</p>
					<!--<div style="background: url(product-img/sdeno_more_icon.png) no-repeat 0 0; width: 77px;height: 77px; margin-top: -80px; margin-left: 200px; display: inline-block;">
					</div>-->
				</div>
			</div>
			<footer style="position: absolute;top: 4900px;">
				<!----商业合作咨询邮件----------->
				<div class="email_container">
					<section class="cooper_email">
						<h1>商业合作相关咨询,请发邮件给我们</h1>
						<h3>输入您的邮箱并点击订阅,我们会及时推送更新和新服务</h3>
						<div id="subscribeForm">
							<div class="email_input">
							<input type="text" name="e_mail" id="e_mail" value="" />	
							<input id="subscribe" type="submit" value="订阅"/>
							</div>								
						</div>
						
					</section>
				</div>
				<!---------社区及相关-->
				<div class="revevance_container">
					<section class="revevance_con">
						<section class="chain_row">
							<section class="row_left">
								<li><a href="###">社区</a></li>
								<li><a href="###">博客</a></li>
								<li><a href="###">新闻</a></li>
								<li><a href="###">帮助中心</a></li>
								<li><a href="###">关于我们</a></li>
							</section>
							<section class="row_right">
								<li><a href="###"></a></li>
								<li><a href="###"></a></li>
								<li><a href="###"></a></li>
								<li><a href="###"></a></li>
								<li><a href="###"></a></li>
							</section>
						</section>
						<p>Copyright © 2014 - 2016 Slightech, Inc. All Rights Reserved. 苏ICP备15025307号-1</p>
					</section>
				</div>
			</footer>
		</div>
		
	</body>
	<script src="product-js/robot.js" type="text/javascript" charset="utf-8"></script>
	<script src="product-js/swiper-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../build/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../build/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var swiper = new Swiper('.swiper-container', {
			pagination: '.swiper-pagination',
			nextButton: '.swiper-button-next',
			prevButton: '.swiper-button-prev',
			slidesPerView: 1,
			paginationClickable: true,
			spaceBetween: 30,
			loop: true
		});
		$(function(){
			$("#product").mouseenter(function(){
			$(".product-updown").slideToggle("slow");
			$(".help-updown").slideUp("slow");
			$(".cooperation-updown").slideUp("slow");
			$(".language-updown").slideUp("slow");
			$(".login-updown").slideUp("slow");
		});
		$("#help").mouseenter(function(){
			$(".help-updown").slideToggle("slow");
			$(".product-updown").slideUp("slow");
			$(".cooperation-updown").slideUp("slow");
			$(".language-updown").slideUp("slow");
			$(".login-updown").slideUp("slow");
		});
		$("#cooperation").mouseenter(function(){
			$(".cooperation-updown").slideToggle("slow");
			$(".help-updown").slideUp("slow");
			$(".product-updown").slideUp("slow");
			$(".language-updown").slideUp("slow");
			$(".login-updown").slideUp("slow");
		});
		$("#language").mouseenter(function(){
			$('.language-updown').slideToggle("slow");
			$(".help-updown").slideUp("slow");
			$(".product-updown").slideUp("slow");
			$(".cooperation-updown").slideUp("slow");
			$(".login-updown").slideUp("slow");
		});
		$("#login").mouseenter(function(){
			$('.login-updown').slideToggle("slow");
			$(".help-updown").slideUp("slow");
			$(".product-updown").slideUp("slow");
			$(".cooperation-updown").slideUp("slow");
			$(".language-updown").slideUp("slow");
		});
			
		})
	</script>

</html>